<!DOCTYPE html>
<html lang="en">
<head>
     <!--那天没看video.js api  切换视频通过直接销毁dom对象 新建dom对象的方式实现；
       今天看了看api src方法实现-->
    <meta charset="UTF-8">
    <title></title>
    //video.js cdn
    <link href="http://vjs.zencdn.net/5.0/video-js.min.css" rel="stylesheet">
    <script src="http://vjs.zencdn.net/5.0/video.min.js"></script>
    //jqery cdn
    <script src="//cdn.bootcss.com/jquery/3.0.0-alpha1/jquery.js"></script>
    <script type="text/javascript">
        //video.js API地址 http://docs.videojs.com/docs/api/player.html#MethodscurrentSrc
        //下一条视频地址
        var source="http://cnkifile.b0.upaiyun.com/bysjdefort/shipin/%E7%AC%AC%E4%B8%80%E7%AB%A0/30240184_01-A-2%20%E7%AE%97%E6%B3%95%E6%9C%89%E7%A9%B7%E6%80%A7.mp4";
        $(function(){
            $(".button").bind("click",function(){
                //获取播放视频的source属性
                var myPlayer = videojs('really-cool-video');
                var videoSrc=myPlayer.currentSrc();
                console.log(videoSrc);
                //设置视频的source属性
                myPlayer.src(source);
            })
        })
    </script>
    <style type="text/css">
        .button{
            background-color: #669933;
        }
    </style>
</head>
<body>
<video id="really-cool-video" class="video-js vjs-default-skin" controls
       preload="auto" width="640" height="264" poster="really-cool-video-poster.jpg"
       data-setup='{}'>
    <source src="http://cnkifile.b0.upaiyun.com/bysjdefort/shipin/%E7%AC%AC%E4%B8%80%E7%AB%A0/30240184_01-F-9%20%E5%8A%A8%E6%80%81%E8%A7%84%E5%88%92LCS.mp4" type='video/mp4'>
    <source src="really-cool-video.webm" type='video/webm'>
    <p class="vjs-no-js">
        <a href="http://videojs.com/html5-video-support/" target="_blank"></a>
    </p>

</video>
<button class="button">按钮</button>
</body>
</html>